/**
 * Tabs
 * @author fool2fish<fool2fish@gmail.com>
 */
.tabs {
    margin-bottom: 10px;
}

.tabs .triggerwrap {
    height: 41px;
    border: 1px solid #bad6ff;
    border-bottom: none;
    overflow: hidden;
    background: #e5efff url(../img/bg-repeatx.png) repeat-x 0 -10px;
}

.tabs .tabs-hd {
    height: 4px;
    overflow: hidden;
}

.tabs .tabs-hd .trigger {
    position: relative;
    float: left;
    height: 26px;
    margin-left: -1px;
    padding-left: 12px;
    cursor: pointer;
    border-left: 1px solid #bad6ff;
    border-right: 1px solid #bad6ff;
}

.tabs .tabs-hd h3 {
    float: left;
    padding-right: 12px;
    line-height: 26px;
}

.tabs .tabs-hd a {
    display: block;
}

.tabs .tabs-hd i {
    float: left;
    width: 16px;
    height: 16px;
    margin: 5px 4px 0 0;
}

.tabs .tabs-hd .current {
    border-bottom: 1px solid #fff;
    background: #fff;
}

.tabs .tabs-panel {
    border: 1px solid #bad6ff;
    background: #fff;
}

.tabs .tabs-tp, .tabs .tabs-bt {
    display: block;
    position: relative;
    height: 4px;
    overflow: hidden;
    margin: 0 0 -4px 0;
    z-index: 10;
}

.tabs .tabs-bt {
    margin: -4px 0 0 0;
}

.tabs .tabs-tp b, .tabs .tabs-bt b {
    display: block;
    float: right;
    width: 4px;
    height: 4px;
    overflow: hidden;
}

.tabs .tabs-tp, .tabs .tabs-tp b, .tabs .tabs-bt, .tabs .tabs-bt b {
    background: url(../img/bg-repeatx.png) no-repeat -3px 0;
}

.tabs .tabs-tp b {
    background-position: 0 0;
}

.tabs .tabs-bt {
    background-position: -3px -3px;
}

.tabs .tabs-bt b {
    background-position: 0 -3px;
}
 #header, #footer {
                width:100%;
            }
            body {
            	padding:0 10px;
            }
            #content {
                width: auto;
                white-space: normal !important;
            }
            
            pre {
                padding: 10px;
            }
            
            textarea {
                border: 0;
                width: 100%;
                height: 100%;
            }
            
            .tabs .tabs-hd .trigger {
                width: 50%;
                border-right-width: 0;
                padding: 0;
                margin: 0 -1px 0 0;
                height: 40px;
                line-height: 40px;
				text-align:center;
            }
            .tabs .tabs-hd h3{
            	line-height:40px;
            }
            .tabs .tabs-hd {
                height: auto;
				margin-left:-1px;
            }
            
            #demo2 .tabs .tabs-hd .trigger {
                width: 33.33333%;
            }
            
            
            
            .tabs .tabs-bd {
                border: solid 1px #ccc;
                border-top: 0;
                overflow: hidden;
            }
            
            .tabs .tabs-panel {
                width: 100%;
                height: 400px;
                border: 0;
            }
 .tabs .tabs-panel p {
 	padding:10px;
 }
  .tabs .tabs-panel p img {
  	width:100%;
	height:100%
  }
